<!--
To change this template, choose Tools | Templates
and open the template in the editor.
-->
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <link type="text/css" href="../css/redmond/jquery-ui-1.8.2.custom.css" rel="stylesheet" />
        <link rel="stylesheet" type="text/css" media="screen" href="../css/ui.jqgrid.css" />
        <link rel="stylesheet" type="text/css" media="screen" href="../css/ui.multiselect.css" />
        <script src="../js/jquery.js" type="text/javascript"></script>
        <script src="../js/jquery-ui-1.8.2.custom.min.js" type="text/javascript"></script>
        <script src="../js/i18n/grid.locale-sp.js" type="text/javascript"></script>
        <script src="../js/jquery.jqGrid.min.js" type="text/javascript"></script>
        <script src="../js/ui.multiselect.js" type="text/javascript"></script>
        <title></title>
        <script>
            jQuery(document).ready(function(){
                jQuery("#multiple37").jqGrid({
                    url:'local.php',
                    datatype: "xml",
                    colNames:['Item','OC','Fecha','Cantidad','Proveedor','Valor','Sucursal'],
                    colModel:[
                        {name:'item',index:'item', width:205},
                        {name:'oc',index:'oc', width:80,align: 'center'},
                        {name:'fecha',index:'fecha', width:100, editrules:{date:true}, align: 'center'},
                        {name:'cantidad',index:'cantidad', width:95, align: 'center'},
                        {name:'proveedor',index:'proveedor', width:400},
                        {name:'valor',index:'valor', width:200,align: 'right'},
                        {name:'sucursal',index:'sucursal', width:100,align: 'center'}
                    ],
                    rowNum:50,
                    rowTotal: 2000,
                    rowList : [20,30,50],
                    loadonce:true,
                    mtype: "GET",
                    rownumbers: true,
                    rownumWidth: 40,
                    gridview: true,
                    pager: '#pmultiple37',
                    sortname: 'nit',
                    viewrecords: true,
                    sortorder: "asc",
                    caption: "Multiple search on local Data"
                });

                jQuery("#multiple37").jqGrid('navGrid','#pmultiple37',{del:false,add:false,edit:false},{},{},{},{multipleSearch:true});
            }); //fin ready








        </script>
    </head>
    <body>
        <table>
            <tr>
                <td><label for="item">Item</label></td>
                <td><input type="text" name="item" id="item" /></td>
            </tr>
        </table>
        <table id="multiple37"></table>
        <div id="pmultiple37" ></div>



        <?php
        // put your code here
        ?>
    </body>
</html>
